﻿/* CSS Document */
html { zoom: expression(function(ele){ ele.style.zoom = "1"; document.execCommand("BackgroundImageCache", false, true); }(this)); }
body{ background-color:#fff;}
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,pre,form,fieldset,legend,input,img{margin:0;padding:0;}
ul,li,ol{list-style:none;}
img,input{border:0;}
body{font-size:12px;font-family:Helvetica,Arial,Verdana,sans-serif,"新宋体"}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.gray{ color:#8D8D8D} .gray a:link{color:#8D8D8D}.gray a:visited{color:#8D8D8D}.gray a:hover{color:#f00}
.gray1{ color:#676767} .gray1 a:link{color:#676767}.gray1 a:visited{color:#676767}.gray1 a:hover{color:#f00}
.gray2{ color:#333} .gray2 a:link{color:#333}.gray2 a:visited{color:#333}.gray2 a:hover{color:#f00}
.gray3{ color:#4C4C4C} .gray3 a:link{color:#4C4C4C}.gray3 a:visited{color:#4C4C4C}.gray3 a:hover{color:#f00}
.white{ color:#fff} .white a:link{color:#fff}.white a:visited{color:#fff}.white a:hover{color:#FDE500}
.red{ color:red} .red a:link{color:red}.red a:visited{color:red}.red a:hover{color:red}
.dark{ color:#AF0303} .dark a:link{color:#AF0303}.dark a:visited{color:#AF0303}.dark a:hover{color:#AF0303}
.yellow{ color:#FDE500} .yellow a:link{color:#FDE500}.yellow a:visited{color:#FDE500}.yellow a:hover{color:#f00}
.orange{ color:#FF6501} .orange a:link{color:#FF6501}.orange a:visited{color:#FF6501}.orange a:hover{color:#f00}
.blue1{ color:#092fab} .blue1 a:link{color:#092fab}.blue1 a:visited{color:#092fab}.blue1 a:hover{color:#f00;text-decoration:none;}
.blue2{ color:#1178b6} .blue2 a:link{color:#1178b6}.blue2 a:visited{color:#1178b6}.blue2 a:hover{color:#f00;text-decoration:none;}
.green{ color:#4F8C00} .green a:link{color:#4F8C00}.green a:visited{color:#4F8C00}.green a:hover{color:#f00;text-decoration:none;}
.del{text-decoration: line-through;}
.clear{ clear:both; height:0px; line-height:0px; overflow:hidden}


.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f22{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh120{line-height:120%}
.lh150{line-height:150%}
.lh160{line-height:160%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}


.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}


.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt35{margin-top:35px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p8{padding:8px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr100{padding-right:100px}


.wrapper{ width:960px; margin:8px auto 0 auto; overflow:hidden}
.breadcrumb{ margin-bottom:10px; height:20px;line-height:20px; padding-left:15px}
#wap{width: 960px;margin:8px auto 0 auto; overflow:hidden}
#wap #body{width: 100%;overflow:hidden}


#header{ width:100%;background:url(../imgs/header_bg.gif) repeat-x center top}
.head_top{ width:960px; height:97px;margin:0 auto}
.ribbon{padding:5px 0 4px 0;height:16px; overflow:hidden}
.ribbon img{ position:absolute;top:4px;right:0px}
.logo{width:245px; height:72px; padding-right:85px}
.promise,.hotline,.serach_shop_p,.serach_input03,.hotline .kefu h4{background:url(../imgs/header_bg2.gif) no-repeat}
.promise{width:322px; height:32px;margin:14px 88px 0 0; display:inline;background-position:0 -43px}
.hotline{position:relative;z-index:99;width:216px; height:50px;margin-top:4px;background-position:-323px 7px; background-color:#F9F9F9; border:1px solid #EFEFEF; padding-top:7px}
.hotline .tel{padding-left:50px}
.hotline .tel em{font-size:24px;font-weight:bold;line-height:24px;overflow:hidden;height:24px; font-style:normal}
.hotline .bd{padding:3px 0 0 50px}
.hotline .kefu{position:absolute;z-index:100;padding-top:10px;padding-bottom:6px;width:88px;top:25px;right:20px;cursor:pointer;text-align:center}
.hotline .kefu h4{font-size:12px;color:#000;padding-right:18px;height:14px;line-height:14px;border-right:1px solid #fbfbfb;border-left:1px solid #ccc;background-position:65px 3px}
.hotline .kefu .kefu_box{overflow:hidden;width:76px;border:1px solid #ccc;border-top:none;border-bottom:4px solid #ccc;background:#FBFBFB;padding:8px 5px 0}
.hotline .kefu .kefu_box p{border-top:1px dashed #ddd;padding:5px 0;text-align:center;line-height:18px}
.hotline .kefu .kefu_box p em{color:#AF0303; font-style:normal}





.nav_box{width:100%; height:40px}
.nav{ width:960px; height:40px;margin:0 auto; position:relative; z-index:10}
.nav_txt{width:206px; line-height:35px;}
#msg_zzjs{color:#ffff00;font-weight:bold;width: 200px;height:35px;line-height:20px;text-align:center;vertical-align:middle;font-size:12px;zoom:1;overflow:hidden;}
#msg_zzjs .con{padding: 8px 0px 11px 0px;}


#nav_list{width:750px; height:35px; padding-left:4px}
#nav_list li{float:left;}
#category-list-lb{font-weight:bold; background:url(../imgs/nav3_bg.gif) right no-repeat; width:60px; line-height:35px; padding-right:10px; margin-left:10px}
#nav_list li .fnav{ font-weight:bold}
#nav_list .li_80{width:79px;}
#nav_list li .navp{font-weight:normal; width:485px; position:absolute; left:350px; background:#FFFFFF; border:3px solid #049B00; border-top:none; display:none; padding-bottom:9px; overflow:hidden}
#nav_list .navp li { background:none; float:none; padding:0; text-align:left; line-height:18px}
#nav_list li .brandlist { color:#3D5092; width:342px; padding:0 9px 9px 9px; background:#F9F9F9; padding-bottom:10000px; margin-bottom:-10000px;}
#nav_list li .brandlist img{ width:110px; height:51px}
#nav_list li .brandlist li{padding:0px 2px 0 0px; width:112px; height:54px; float:left; margin-bottom:2px;}
#nav_list li .brandlist li a{height:52px; padding:0; border:1px solid #EAEAEA; display:block;}
#nav_list li .brandlist li a:hover{border:1px solid #2AC81C;}
#nav_list li .tbrand-list {background:#FFFFFF; width:125px; padding:0 0 9px 0; overflow:hidden; padding-bottom:10000px; margin-bottom:-10000px;}
#nav_list li .tbrand-item{width:115px; padding:0 0 0 7px; overflow:hidden;}
#nav_list li .tbrand-list li a,#nav_list li .tbrand-list li a:hover,#aa1 li,#aa2 li{background:url(../imgs/link_bg.gif) no-repeat}
#aa1 li,#aa2 li{ background-position:0px -40px}
#nav_list li .tbrand-list li a {padding:2px 2px 2px 12px;  color:#999;zoom:1; display:block; white-space:nowrap;background-position:0px 2px}
#nav_list li .tbrand-list li a:hover { background-color:#E0FFDF ; text-decoration:none; color:#089400;background-position:0 -18px}
#nav_list .wp { padding:0 0 8px 0; margin:10px 0 8px 0; height:18px; line-height:18px; _overflow:hidden; }
#nav_list .tbrand-list .wp,#hdNav li .plist-box .wp{ color:#089400; border-bottom:1px solid #F2EAE3; }
#nav_list .brandlist .wp{color:#089400; border-bottom:1px solid #eee; }
#nav_list .brandlist .wp a{color:#089400; padding:3px; text-decoration:none;}
#nav_list .brandlist .wp a:hover{background:#E0FFDF;}
#nav_list .tbrand-list .wp a { color:#089400; line-height:20px; background:none;}
.fnav{display:block; height:35px; text-align:center; line-height:35px;overflow:hidden;}
#nav_list .li_80 .fnav{width:79px}
#nav_list li a.fnav:hover,#nav_list li:hover a.fnav,#nav_list li a.fnav.hover{ font-weight:bold; color:#FDE500;text-decoration:none}
.hot_img{ background:url(../imgs/hot1.gif) no-repeat 700px top}

.head_serach{width:958px;margin:0px auto;height:36px;border:1px solid #cacaca;border-top:0px;padding-top:6px; background-color: #FFFFFF;}
.serach_text,.serach_word,.serach_shop{height:26px;}
.serach_text{width:266px;padding-left:20px}
.serach_input02{width:50px;height:26px;border:0px;cursor:pointer;background:url(../imgs/search_button.gif) no-repeat;margin-left:10px; display:inline}
.serach_word{width:460px; line-height:28px; color:#000}
.bananer_box{ width:960px;margin:10px auto 5px auto;}


.serach_shop{width:191px;margin-right:10px}
.serach_input03{float:right;width:71px;height:26px;border:0px;cursor:pointer;background-position:right bottom;}
.serach_shop_p {width:120px;height:26px;line-height:26px;background-position:left bottom;display:block;color:#333; cursor:pointer; float:left}
.serach_shop_p a{color:#575757;padding-left:73px;}
.serach_shop_p a b{color:#066FC9;padding:0 4px;}
#tempcartDiv{ position:relative; z-index:1}
#tempcartDiv ul {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #B4B4B4;padding:5px;text-align:center;width:354px; position:absolute;display:none;left:-175px;top:26px}
#tempcartlist{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #B4B4B4;padding:5px;text-align:center;width:344px;}
#tempcartlist tbody{width:100%;float:left;}
#goods_che{width:344px}
#goods_che td{height:50px; text-align:center;}
#goods_che td a{background:none; width:50px;padding:none; padding:0px}
#goods_che td a img{width:55px}



#bottom{ width:960px; margin:0 auto; margin-top:10px; overflow:hidden; background:#fff}
.bottom_help{ width:958px; height:170px; border:1px solid #CCCCCC}
.bottom_help dl{ float:left;width:115px;background:url(../imgs/jb_line.gif) no-repeat right center; line-height:20px; padding:15px 0 0 57px; text-align:left}
.bottom_help dl dt{ font-weight:bold; font-size:14px; color:#A82125; line-height:26px}
.bottom_help .dl_right{width:200px; background:none; line-height:18px; padding:5px 0 0 47px}
.bottom_help .dl_right dt{ color:#676767}
.bottom_help .dl_right h1#botth1{ font-size:22px; font-family: helvetica; color:#A82125; height:22px; line-height:22px}
.bottom_banner{ margin-top:10px; border:2px solid #D9D9D9; text-align:center; width:994; height:66px}
.helpfooter{padding-top:10px}
.helpfooter p{ line-height:22px}
.rzbs{ padding:15px 0 20px 0}
.rzbs img{ margin:0 3px; display:inline}



.xian{ bottom: 5px; float: right;position:fixed; >position:absolute; right: 3px; width:80px; z-index: 300;height:500px;top:expression(offsetParent.scrollTop+50);}
#serv_con{z-index:10;width:80px;right:10px}
#serv_con .fd_banr{ margin-bottom:3px}
#serv_con li{padding: 5px 0; text-align:center}
#s_txt{float: right; height: 14px; width: 100%; text-align: right; cursor: pointer;}
#ss{display: block; float: right; width: 80px; background: url(/imgs/box_bottom.gif) no-repeat bottom center;}
#ss ul{ width:100%}
